// @flow

import React from "react";

const NanoAltSmall = ({ size, color = "currentColor" }: { size: number, color?: string }) => (
  <svg
    width={size}
    height={size}
    viewBox="0 0 24 25"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <mask
      id="mask0"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="2"
      y="3"
      width="20"
      height="11"
    >
      <rect
        x="2.68188"
        y="4.27272"
        width="18.4288"
        height="8.71438"
        fill="#C4C4C4"
        stroke="#142533"
      />
    </mask>
    <g mask="url(#mask0)">
      <mask id="path-2-inside-1" fill="white">
        <path d="M7.92244 4.16962C8.14164 3.95042 8.49703 3.95042 8.71623 4.16962L20.3876 15.841C21.7672 17.2206 21.7672 19.4572 20.3876 20.8367C19.0081 22.2163 16.7715 22.2163 15.3919 20.8367L3.72052 9.16533C3.50132 8.94613 3.50132 8.59073 3.72052 8.37153L7.92244 4.16962Z" />
      </mask>
      <path
        d="M7.30202 5.58383L18.9734 17.2552L21.8019 14.4268L10.1304 2.75541L7.30202 5.58383ZM16.8061 19.4225L5.13473 7.75112L2.30631 10.5795L13.9777 22.2509L16.8061 19.4225ZM5.13474 9.78575L9.33665 5.58383L6.50822 2.75541L2.30631 6.95732L5.13474 9.78575ZM5.13473 7.75112C5.69659 8.31297 5.69658 9.2239 5.13474 9.78575L2.30631 6.95732C1.30606 7.95757 1.30605 9.57929 2.30631 10.5795L5.13473 7.75112ZM18.9734 19.4225C18.3749 20.021 17.4046 20.021 16.8061 19.4225L13.9777 22.2509C16.1383 24.4115 19.6413 24.4115 21.8019 22.2509L18.9734 19.4225ZM18.9734 17.2552C19.5719 17.8537 19.5719 18.824 18.9734 19.4225L21.8019 22.2509C23.9624 20.0904 23.9624 16.5874 21.8019 14.4268L18.9734 17.2552ZM10.1304 2.75541C9.1302 1.75516 7.50847 1.75516 6.50822 2.75541L9.33665 5.58383C8.7748 6.14568 7.86387 6.14568 7.30202 5.58383L10.1304 2.75541Z"
        fill={color}
        mask="url(#path-2-inside-1)"
      />
    </g>
    <mask id="path-4-inside-2" fill="white">
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.18188 20.3181V17.2531H18.0781C18.9245 17.2531 19.6106 17.9392 19.6106 18.7856C19.6106 19.6319 18.9245 20.3181 18.0781 20.3181H4.18188ZM2.18188 16.0302C2.18188 15.601 2.52983 15.2531 2.95904 15.2531H18.0781C20.0291 15.2531 21.6106 16.8346 21.6106 18.7856C21.6106 20.7365 20.0291 22.3181 18.0781 22.3181H2.95904C2.52983 22.3181 2.18188 21.9701 2.18188 21.5409V16.0302ZM18.1222 19.89C18.7319 19.89 19.2261 19.3958 19.2261 18.7861C19.2261 18.1764 18.7319 17.6822 18.1222 17.6822C17.5125 17.6822 17.0183 18.1764 17.0183 18.7861C17.0183 19.3958 17.5125 19.89 18.1222 19.89Z"
      />
    </mask>
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M4.18188 20.3181V17.2531H18.0781C18.9245 17.2531 19.6106 17.9392 19.6106 18.7856C19.6106 19.6319 18.9245 20.3181 18.0781 20.3181H4.18188ZM2.18188 16.0302C2.18188 15.601 2.52983 15.2531 2.95904 15.2531H18.0781C20.0291 15.2531 21.6106 16.8346 21.6106 18.7856C21.6106 20.7365 20.0291 22.3181 18.0781 22.3181H2.95904C2.52983 22.3181 2.18188 21.9701 2.18188 21.5409V16.0302ZM18.1222 19.89C18.7319 19.89 19.2261 19.3958 19.2261 18.7861C19.2261 18.1764 18.7319 17.6822 18.1222 17.6822C17.5125 17.6822 17.0183 18.1764 17.0183 18.7861C17.0183 19.3958 17.5125 19.89 18.1222 19.89Z"
      fill={color}
    />
    <path
      d="M4.18188 17.2531V16.2531H3.18188V17.2531H4.18188ZM4.18188 20.3181H3.18188V21.3181H4.18188V20.3181ZM3.18188 17.2531V20.3181H5.18188V17.2531H3.18188ZM18.0781 16.2531H4.18188V18.2531H18.0781V16.2531ZM20.6106 18.7856C20.6106 17.3869 19.4768 16.2531 18.0781 16.2531V18.2531C18.3722 18.2531 18.6106 18.4915 18.6106 18.7856H20.6106ZM18.0781 21.3181C19.4768 21.3181 20.6106 20.1842 20.6106 18.7856H18.6106C18.6106 19.0797 18.3722 19.3181 18.0781 19.3181V21.3181ZM4.18188 21.3181H18.0781V19.3181H4.18188V21.3181ZM2.95904 14.2531C1.97754 14.2531 1.18188 15.0487 1.18188 16.0302H3.18188C3.18188 16.1533 3.08211 16.2531 2.95904 16.2531V14.2531ZM18.0781 14.2531H2.95904V16.2531H18.0781V14.2531ZM22.6106 18.7856C22.6106 16.2823 20.5814 14.2531 18.0781 14.2531V16.2531C19.4768 16.2531 20.6106 17.3869 20.6106 18.7856H22.6106ZM18.0781 23.3181C20.5814 23.3181 22.6106 21.2888 22.6106 18.7856H20.6106C20.6106 20.1842 19.4768 21.3181 18.0781 21.3181V23.3181ZM2.95904 23.3181H18.0781V21.3181H2.95904V23.3181ZM1.18188 21.5409C1.18188 22.5224 1.97754 23.3181 2.95904 23.3181V21.3181C3.08211 21.3181 3.18188 21.4178 3.18188 21.5409H1.18188ZM1.18188 16.0302V21.5409H3.18188V16.0302H1.18188ZM18.2261 18.7861C18.2261 18.8435 18.1796 18.89 18.1222 18.89V20.89C19.2842 20.89 20.2261 19.948 20.2261 18.7861H18.2261ZM18.1222 18.6822C18.1796 18.6822 18.2261 18.7287 18.2261 18.7861H20.2261C20.2261 17.6241 19.2842 16.6822 18.1222 16.6822V18.6822ZM18.0183 18.7861C18.0183 18.7287 18.0648 18.6822 18.1222 18.6822V16.6822C16.9602 16.6822 16.0183 17.6241 16.0183 18.7861H18.0183ZM18.1222 18.89C18.0648 18.89 18.0183 18.8435 18.0183 18.7861H16.0183C16.0183 19.948 16.9602 20.89 18.1222 20.89V18.89Z"
      fill={color}
      mask="url(#path-4-inside-2)"
    />
  </svg>
);

export default NanoAltSmall;
